<template>
  <div v-show="item.isShow" @click="toogleSpread" :class="['pt10 pb10', item.labelAlign]" >
    <div class="f ac" :style="{padding: `${item.paddingTop}px ${item.paddingRight}px ${item.paddingBottom}px ${item.paddingLeft}px`}">
      <div
        :class="['nowrap mr10 tr', item.required ? 'need' : '']"
        :style="{
          fontWeight: item.fontWeight,
          fontSize: item.fontSize + 'px',
          color: item.color
        }"
      >
        {{item.label}}
      </div>
      <div v-if="item.isShowSpread" class="f1 f xe">
        <Icon :class="['trans3', item.isSpread ? '' : 'tr180']" type="ios-arrow-down" />
      </div>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped></style>